
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="js\layui-v2.5.6\layui\css\layui.css">
    <script src="js\layui-v2.5.6\layui\layui.js" type="text/javascript"></script>
    <script src="js\layui-v2.5.6\layui\layui.all.js"  type="text/javascript"></script>

<!--    <%-->
<!--    String path = request.getContextPath();-->
<!--    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";-->
<!--    %>-->
    <script type="text/javascript">
        function getRootPath() {
            var strFullPath = window.document.location.href;
            // var strPath = window.document.location.pathname;
            // var pos = strFullPath.lastIndexOf(strPath);
            // var prePath = strFullPath.substring(0, pos+1);
            // var prePath = strFullPath.substring(0, pos+1);
            // var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);
            var temp = strFullPath.substring(0, strFullPath.lastIndexOf("/")+1);


            return temp;
        }
        function getContextPath() {
            var basePath = getRootPath();
            var pos = basePath.substring(0, basePath.length-1).lastIndexOf("/");
            var temp = basePath.substring(pos, basePath.length);
            return temp;

        }
    </script>
    <style type="text/css">
        .layui-table-cell{
            height:100px;
            line-height: 100px;
        }
    </style>

    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
        <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="borrowBook">借书</a>
        <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="returnBook">还书</a>
    </script>




    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

</head>

<body>
<hr>
<div class="demoTable">
    <label class="layui-form-label">搜索</label>
    <div class="layui-inline">
        <input class="layui-input" name="keyword" id="demoReload" autocomplete="off">
    </div>
    <button class="layui-btn" data-type="reload">搜索</button>
    <button class="layui-btn layui-btn-danger" data-type="delSelect">删除</button>
    <button class="layui-btn layui-btn-warm" data-type="download" >导出</button>
    <button class="layui-btn layui-btn-normal" data-type="upload">导入</button>
    <input type="file" name="file" id="file">
</div>
<hr>
<!--<table class="layui-hide" id="LAY_table_user" lay-filter="dataTable"></table>-->
<table id="LAY_table_user" lay-filter="dataTable"></table>
<div id="pagePicker"></div>
<script src="js\main.js"></script>
</body>
</html>